<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" media="screen and (max-width:1450px)" href="css/small.css" type="text/css" />
    <link rel="stylesheet" media="screen and (max-width:1348px)" href="css/index_small.css" type="text/css" />
</head>

<body>
<div id="header" style="width: 33.5%;">
    <div class="header_content">
        <h1>Sani__<br />Personal<br />Website</h1>
        <div class="information">
            <ul>
                <li>手机：</li>
                <li>12345678901</li>
                <li>邮箱：</li>
                <li>1233455@123.com</li>
                <li>关注我：</li>
            </ul><!--这里有4到5个图标， 还没有打-->
                <div class="icon">
                    <a href="http://user.qzone.qq.com/942596590" class="icon qq" title="qq"></a>
                    <a href="http://www.gmail.google" class="icon gmail" title="google mail" ></a>
                    <a href="http://weibo.com/u/5582359471/home?wvr=5" class="icon weibo" title="微博" ></a>
                    <a href="https://git.oschina.net/" class="icon mayun " title="码云"></a>
                    <a href="http://space.bilibili.com/29437295/#!/index" class="icon bili " title="bilibili"></a>
                    <!--<div class="icon bili "></div>-->
                </div>
        </div>
    </div>
</div>
<div id="content" style="width: 33.5%; padding-left: 33.5%;">
    <div id="nav">
        <div class="nav">
            <ul>
                <li class="current"><a href="index.html">主页</a></li>
                <li><a href="Works.html">作品</a></li>
                <li><a href="404.html">技能</a></li>
                <li><a href="404.html">音乐</a></li>
            </ul>
        </div>
    </div>
	<div class="me_information">
        <div class="me_information_card_bg">
            <div class="me_information_card">
                <h2>Sani&nbsp;&nbsp;Xia</h2>
                <img class="tox" src="images/tx.jpg" alt="">
                <ul>
                    <li><b>姓名：</b>夏一鹏</li>
                    <li><b>性别：</b>男</li>
                    <li style="float: left;"><b>生日：</b>1997.3.16</li>
                    <li class="bord"></li>
                </ul>
            </div>
        </div>
        <div class="introduction">
            <h2>俺的介绍：</h2>
            <ul>
                <li class="bord_right">无业闲人——蹲寝室工作室</li>
                <li class="bord_right">现年20，现居浙江</li>
                <li>一个前端开发爱好者，志向是成为一个在后台中</li>
                <li>打前端打的最好的开发工程师。</li>
                <li>SO.关注我，了解更多。</li>
            </ul>
            <p class="more"><b>About me <a href="https://www.baidu.com">more.</a></b><img src="images/more_jiant.png" alt=""></p>
        </div>
    </div>
</div>
<!--<div id="footer" style="width: 33.5%; padding-left: 33.5%;">
	<ul>
    	<li>此网站所有版权归本人所有</li>
        <li>未经允许请勿翻版</li>
    </ul>
</div>-->
</body>
</html>
